<template>
	<view class="content">
		<view class="search">
			<u-search placeholder="请输入订单号检索" v-model="keyWords" @search="searchClick" shape="square" :clearabled="true" :show-action="false"></u-search>
		</view>
		<view>
			<u-tabs sticky :list="menus" @click="click" 
			lineWidth="0"
			itemStyle="background-color: rgb(13, 99, 254)"></u-tabs>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			keyWords: '',
			menus: [
				{
					name: '关注'
				},
				{
					name: '推荐'
				},
				{
					name: '电影'
				},
				{
					name: '科技'
				}
			]
		};
	},
	methods: {
		searchClick() {
			console.log('搜索内容：' + this.keyWords);
		},
		click(item) {
		                console.log('item', item);
		            }
	}
};
</script>

<style lang="scss">
.content {
	.search {
		background-color: rgb(13, 99, 254);
		height: 120rpx;
		padding: 20rpx 30rpx;
	}
}
</style>
